<template>
	<div class="community">
		<div class="main">
			<iframe :src="frameSrc" frameborder="0" width="100%" height="100%"></iframe>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				frameSrc: ''
			}
		},
		computed: {
			loginUser() {
				return this.$store.state.loginUser
			}
		},
		created() {
			this.frameSrc = `${API.BBS_URL}?userId=${this.loginUser.userId}`
		}
	}
</script>

<style lang="scss" scoped>
	.community {
		height: calc(100vh - 80px);
		background: #f8f8f8;
	
		.main {
			height: 100%;
			background-color: white;
			overflow-y: hidden;
			box-sizing: border-box;
			position: relative;
		}
	}
</style>